.gantt {
	position: relative;
}
		
.gantt div {
	position: absolute;
}

.ganttNav {
	background-color: #BD6363;
	background-color: #B0B0B0;
	border-style: solid; 
	border-color: #CCC;
	border-width: 1px 0px 0px 1px;
}

.ganttMainTitle {
	text-align:center;
}

.ganttMainContainer {
	position:absolute;
	top:100px; 
	left:100px;
}

.ganttNav a {
	position: absolute;
	border-width: 0px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration:none;
}

.ganttNav a.ganttPrevWeek {background-image: url('../skins/ovidentia/images/Puces/arrowPrev2a.gif');}
.ganttNav a.ganttPrevWeek:hover {background-image:url('../skins/ovidentia/images/Puces/arrowPrev2b.gif');}
.ganttNav a.ganttPrevMonth {background-image: url('../skins/ovidentia/images/Puces/arrowPrev1a.gif');}
.ganttNav a.ganttPrevMonth:hover {background-image:url('../skins/ovidentia/images/Puces/arrowPrev1b.gif');}
.ganttNav a.ganttgotoDate {
	background-image: url('../skins/ovidentia/images/Puces/calendar.gif');
	background-repeat:no-repeat;
	background-position:1px;
}

.ganttNav a.ganttgotoDate span {
	font-family: Arial, sans-serif; 
	font-size: 10px; 
	vertical-align:middle !important;
	padding-left:20px;
}
	
.ganttNav a.ganttNextMonth {background-image: url('../skins/ovidentia/images/Puces/arrowNext1a.gif');}
.ganttNav a.ganttNextMonth:hover {background-image:url('../skins/ovidentia/images/Puces/arrowNext1b.gif');}
.ganttNav a.ganttNextWeek {background-image: url('../skins/ovidentia/images/Puces/arrowNext2a.gif');}
.ganttNav a.ganttNextWeek:hover {background-image:url('../skins/ovidentia/images/Puces/arrowNext2b.gif');}

.ganttTodayColumn {
/*	background-color: #88A8F8 !important; */
	background-color: #EDEDED !important;
}

.ganttTodayLine {
	border-left: 1px red solid;
	width: 0px;
}
	
.ganttWeek {
	background-color: #FFFF99 !important;
}
	
.ganttHeader {
	background-color: #BD6363;
	background-color: #AAAAAA;
	border-style: solid; 
	border-color: #CCC;
	border-width: 1px 0px 0px 1px;
}

.ganttHeader div {
	font-family: Arial, sans-serif; 
	font-size: 10px; 
}

.ganttMonth {
	background-color: #BD6363;
	background-color: #BBBBBB;
	color: #000;
	border:1px solid #CCC;
}

.ganttMonth div {
	font-family: Arial, sans-serif; 
	font-size: 11px; 
}

.ganttWeekNumber {
	background-color: #BD6363;
	background-color: #CCCCCC;
	color: #000;
	border:1px solid #DDD;
}

.ganttWeekNumber div {
	font-family: Arial, sans-serif; 
	font-size: 11px; 
}

.ganttDay {
	background-color: #BD6363;
	background-color: #DDDDDD;
	color: #000;
	border:1px solid #EEE;
}

.ganttTasks {
	position: absolute;
	color: #FFF;
	font-family: Arial, sans-serif;
	font-size: 10px; 
	border-style: solid; 
	border-color: #CCC;
	border-width: 1px 0px 0px 1px;
}
	
.ganttTaskTitle {
	position: absolute;
	background-color: #787878;
	color: #FFF;
	font-family: Arial, sans-serif;
	font-size: 10px; 
	border-style: solid; 
	border-color: #CCC;
}
	
.ganttTasksList {
	position: absolute;
}
	
.ganttTasksList div {
	position: absolute;
	font-family: Arial, sans-serif;
	font-size: 10px; 
	border-style: solid; 
	border-color: #CCC;
	
	background-color:#EFEFEF;
	color:#000000;
}
	
.ganttView {
	position: absolute;
	background-color: #FFF;
	border-style: solid; 
	border-color: #CCC;
	border-width: 1px 0px 0px 1px; 
}
	
.ganttView div {
	position: absolute;
}
	
.ganttColumn {
	background-color: transparent; 
	border-style: solid;
	border-color: #EEE;
/*border-color: #000;*/
	border-width: 0px 1px 0px 0px; 
}

.ganttRow {
	background-color: transparent; 
	border-style: solid;
	border-color: #CCC;
	border-width: 0px 0px 1px 0px; 
}

.ganttTask, .ganttCheckpoint, .ganttToDo, .ganttTaskReal{
	position: absolute;
	font-family: Arial, sans serif; 
	font-size: 10px; 
	}

.ganttTask{
	border:1px solid #000;
	background-color:#B6B6B6;
	
	margin: 0px;
	padding: 0px;
}

.ganttTaskReal{
	border:1px solid #000;
	background-color:#99CCFF;
	
	margin: 0px;
	padding: 0px;
	
	filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3;
	-khtml-opacity: 0.3
}

.ganttTaskDone {
	border:1px solid #000;
/*	border:1px solid red; */
	background-color:#000000;
	
	margin: 0px;
	padding: 0px;
}

.ganttTask:hover {
	outline:1px solid #000;
}

.ganttTaskRemaining {
	background-color:#FFABAB;
	border: 1px solid #F00; 
	border: 1px solid brown; 
}

.ganttTaskFromTaskToRemaing {
	background-color:transparent;
	border-top: 1px dashed #F00; 
	border-bottom: 1px dashed #F00; 
/*	border: 1px dashed #F00;*/
}

.ganttTaskEffectiveDuration {
	background-color: #FFFFFF;
	border:1px solid #000;
/*	border:1px solid green; */
}


.ganttCheckpoint {
	background-position: 50% 50%;
	background-image: url('../skins/ovidentia/images/Puces/checkpoint.gif');
	background-repeat: no-repeat;
	background-color:transparent;
	border-width: 0px;
}

.ganttToDo {
	background-position: 50% 50%;
	background-image: url('../skins/ovidentia/images/Puces/toDo.gif');
	background-repeat: no-repeat;
	background-color:transparent;
	border-width: 0px;
}

.ganttTooltip {
	font-family: Arial, sans-serif; 
	font-size:11px;
	background-color:#FFFFBF;
	border:1px solid #CFCF3D;
	padding:0px;
	position:absolute;
	text-align:left;
	visibility:hidden;
	width:200px;
	z-index:100;
	max-height:300px;
	overflow:hidden;
}

.ganttTooltip h3 {
	background-color:#DDDD9D;
	margin:0pt;
	padding:3px;
}

.ganttTooltip h5 {
	font-size:10px;
	font-weight:normal;
	margin-bottom:3px;
	margin-top:3px;
}

.ganttTooltip div{
	padding:8px;
}

.ganttTooltip div p {
	margin:0 0 0.3em 0;
	padding:0pt;
}

.ganttTooltip h5 strong {
	float:left;
	text-align:right;
	width:33%;
}

.ganttTooltip .description {
	background-color:#FFFFFF;
	padding:2px;
	max-height:300px;
	overflow:hidden;
}	


#ganttLegend {
	position: absolute;
	padding-top: 15px;
	font-family: Arial, sans-serif; 
	font-size: 15px; 
}

#ganttLegend ul li span.ganttLegendItem {
	border:1px solid #000000;
	margin-left: 15px;
	padding-left: 15px;
	margin-right: 10px;
}

#ganttLegend ul {
	list-style-type:none;
	margin:0.5em 0pt 0pt;
	padding:0pt;
	text-align:left;
}

#ganttLegend ul li {
	float:left;
	margin:0.2em 0pt;
	padding:0.3em 0pt;
	white-space:nowrap;
}


.ganttPlannified {
	background-color:#B6B6B6;
}

.ganttReal {
	background-color:#99CCFF;
	filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3;
	-khtml-opacity: 0.3
}

.ganttCompletion {
	background-color:#000000;
}

.ganttRemaining {
	border:1px solid brown !important;
	background-color:#FFABAB;
}

.ganttEffectiveLoad {
	background-color:#FFFFFF;
}